.appointment_detail .list {
  padding: 45px 15px; }
  .appointment_detail .list .icon_invalid {
    display: none; }
  .appointment_detail .list .item:first-child {
    border: 1px solid #e9328c;
    margin-bottom: 24px; }
    .appointment_detail .list .item:first-child p {
      font-size: 16px;
      color: #000;
      position: relative;
      padding-left: 25px;
      height: 30px;
      line-height: 30px; }
      .appointment_detail .list .item:first-child p span {
        padding-left: 5px; }
      .appointment_detail .list .item:first-child p.regtimestr {
        height: 60px; }
        .appointment_detail .list .item:first-child p.regtimestr .regtimestr {
          display: block;
          padding-left: 80px; }
    .appointment_detail .list .item:first-child .icon {
      color: #e9328c;
      font-size: 19px;
      position: absolute;
      left: 0px;
      top: 5px; }
  .appointment_detail .list .item:last-child {
    border: 1px dashed #999;
    text-align: center;
    white-space: inherit;
    padding: 15px 30px;
    color: #999;
    font-size: 13px; }
  .appointment_detail .list.invalid .item {
    border-color: #d0d0d0 !important;
    color: #d0d0d0;
    position: relative; }
    .appointment_detail .list.invalid .item p, .appointment_detail .list.invalid .item .icon {
      color: #d0d0d0; }
    .appointment_detail .list.invalid .item .icon_invalid {
      display: inline-block;
      position: absolute;
      right: 0px;
      bottom: 0px;
      font-size: 90px; }
